<template>
  <div>
    <NavBarVue :title="title" />
    <div class="content-top office-tel">
      <ul>
        <li @click="toCall('0573-82608666')">
          <p>
            <b>网上发布(查询)人才信息</b>
            <sub>0573-82608666</sub>
          </p>
        </li>
        <li @click="toCall('0573-82180205')">
          <p>
            <b>个人用户服务热线</b>
            <sub>0573-82180205</sub>
          </p>
        </li>
        <li @click="toCall('0573-82219795')">
          <p>
            <b>毕业生报到</b>
            <sub>0573-82219795</sub>
          </p>
        </li>
        <li @click="toCall('0573-82219795')">
          <p>
            <b>《引进人才居住证》申领</b>
            <sub>0573-82219795</sub>
          </p>
        </li>
        <li @click="toCall('0573-82217468')">
          <p>
            <b>集体户口挂靠</b>
            <sub>0573-82217468</sub>
          </p>
        </li>
        <li @click="toCall('0573-82219015')">
          <p>
            <b>人事档案查（借）阅</b>
            <sub>0573-82219015</sub>
          </p>
        </li>
        <li @click="toCall('0573-82219136')">
          <p>
            <b>党组织关系挂靠</b>
            <sub>0573-82219136</sub>
          </p>
        </li>
        <li @click="toCall('0573-82228796')">
          <p>
            <b>职称初定</b>
            <sub>0573-82228796</sub>
          </p>
        </li>
        <li @click="toCall('0573-82228796')">
          <p>
            <b>职称评审</b>
            <sub>0573-82228796</sub>
          </p>
        </li>
      </ul>
    </div>
  </div>
</template>

<script>
import NavBarVue from "@/components/NavBar.vue";
import { mixin_call } from "@/mixin/mixins";
export default {
  name: "BSTel",
  components: {
    NavBarVue,
  },
  props: ["title"],
  mixins: [mixin_call],
  // 定义属性
  data() {
    return {};
  },
  // 方法集合
  methods: {},
};
</script>

<style scoped>
.office-tel li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px;
  margin-bottom: 10px;
  background-color: #fff;
}

.office-tel li p {
  display: flex;
  flex-direction: column;
}

.office-tel li p b {
  font-size: 17px;
  color: #333;
}

.office-tel li p sub {
  margin-top: 3px;
  font-size: 15px;
  color: #999;
}

.office-tel li::after {
  content: "拨打";
  display: flex;
  align-items: center;
  padding: 4px 16px;
  border: 1px solid #f70;
  border-radius: 30px;
  font-size: 13px;
  font-weight: 500;
  color: #f70;
}
</style>
